<template>
    <div>
        <div class="top">
            <div class="top-left">
                <a href="javascript:history.go(-1)"><i class="iconfont">&#xe65d;</i></a>
            </div>
            <div class="top-center">单位采购</div>
        </div>
        <div class="main">
                <van-search
                    v-model="value"
                    show-action
                    placeholder="请输入搜索关键词"
                    @search="onSearch"
                    @cancel="onCancel"
                />
                <van-tabs v-model="active">
                    <van-tab title="全部商品">
                        <div class="purchase-div-body">
                            <van-empty description="暂无数据" />
                        </div>
                    </van-tab>
                    <van-tab title="签约店铺">
                        <div class="purchase-div-body"></div>
                    </van-tab>
                    <van-tab title="" disabled></van-tab>
                    <van-tab title="" disabled></van-tab>
                </van-tabs>
        </div>
    <Footer :active-num="2"/>
    </div>
</template>

<script>
    import Footer from '../components/Footer.vue'
    import { Toast } from 'vant';
            export default {
        data() {
            return {
            value: '',
            active: 2,
            };
        },
        methods: {
            onSearch(val) {
            Toast(val);
            },
            onCancel() {
            Toast('搜索');
            },
        },
        components: {
            Footer,
        },
        };
</script>

<style lang="less" scoped>
@import url('../assets/css/purchase.css');
@import url('../assets/css/reset.css');
@import url('../assets/font/iconfont.css');
</style>